<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es_ES" lang="es_ES">

<head> 
	<meta charset="utf-8"> 
	<title>jQuery UI Slider - Range slider</title> 
	
	
	<script type="text/javascript" src="js/jquery.tools.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
	<script type="text/javascript" src="js/slider.js"></script>
	 
	<link rel="stylesheet" href="css/slider.css">
	<link rel="stylesheet" href="css/styles.css">
	<link media="all" rel="stylesheet" href="css/qp-v3.css">
	<link media="all" rel="stylesheet" href="css/google-ui.css" />

	<style> 
	#demo-frame > div.demo { padding: 10px !important; };
	</style> 
	<script> 
	$(document).ready(function () {
		slider($('.slider-holder'),5,100,25,75);
	});
	
	
	</script> 
</head> 
<body> 
 
<!-- caja rango de precios -->
		<div class="caja c320 r10 f1f1f1">
			<div class="content">
				<p class="pqarial latboxtitle">¿Cuanto quieres ahorrar?</p>

				<div class="filtroderango">

							<div class="scale" style="height:50px;">
								<div class="val-holder">
									<div class="left-val pqarial">
										<span class="minVal">0</span> &euro;
									</div>
									<div class="right-val pqarial">
										<span class="maxVal">200</span> &euro;
									</div>
								</div>
								<div class="slider-holder"></div>
							</div>


				</div> <!-- cerrar filtroderango //-->
			</div> <!-- cerrar content //-->
			<div class="cierre blanco"></div>
		</div> <!-- cerrar caja //-->
 
 
</body> 
</html> 